<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page contentType="text/html; charset=UTF-8"%>
<!-- user list div -->
<div id="userListDiv" style="width: 700px; margin: auto; display: none;">
<table style="margin: auto; margin-top: 30px;" cellpadding="10px"
	border=1 id="userListTable">
	<tr style="text-align: center">
		<td colspan="4" style="font-weight: bold">用户列表</td>
	</tr>
	<tr>
		<th>用户名称</th>
		<th>用户角色</th>
		<th>最近登录时间</th>
		<th>操作</th>
	</tr>
</table>
</div>

<!-- add user div -->
<div id="addUserDiv" style="display: none;">
<table style="margin: auto; margin-top: 30px;">
	<tr>
		<td colspan="2"><label>添加用户</label></td>
	</tr>
	<tr>
		<td>用户名称:</td>
		<td><input type="text" id="username" /></td>
	</tr>
	<tr>
		<td>密码:</td>
		<td><input type="text" id="password" /></td>
	</tr>
	<tr>
		<td>角色:</td>
		<td><select id="roleID" size="1">
		</select></td>
	</tr>
	<tr>
		<td colspan="2"><input type="submit" value="提交"
			id="addUserSubmit" class="button" /></td>
	</tr>
</table>
</div>

<!-- update user div -->
<div id="updateUserDiv" style="display: none;">
<table style="margin: auto; margin-top: 30px;">
	<tr>
		<td colspan="2"><label>修改用户</label></td>
	</tr>
	<tr>
		<td>用户名称:</td>
		<td><span id="username"></span><span id="userID"
			style="display: none;"></span></td>
	</tr>
	<tr>
		<td>角色:</td>
		<td><select id="roleID" size="1">
		</select></td>
	</tr>
	<tr>
		<td colspan="2"><input type="submit" value="提交"
			id="updateUserSubmit" class="button" /></td>
	</tr>
</table>
</div>